<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,user-scalable=0">
    <title>话费充值</title>
    <link rel="stylesheet" href="../newflowrecharge/weui.min.css">
    <link rel="stylesheet" href="../newflowrecharge/example.css">
    <script type="text/javascript" src="./jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="./cz_hf.js"></script>
    <script type="text/javascript" src="./cz_common.js"></script>

    <style type="text/css">
        .popWindow {
            background-color: #9D9D9D;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            filter: alpha(opacity = 50);
            opacity: 0.5;
            z-index: 100;
            position: absolute;
        }

        .maskLayer {
            z-index: 200;
            position: absolute;
            text-align: center;
            top: 10%;
        }
    </style>

</head>
<!--<body"ontouchstart">-->
<div class="container js_container" style="overflow-y: auto;">
    <div class="page cell">
        <div class="bd">
            <div class="weui_cells" id="chongzhiTop1">

                <table id="menus" class="quickMenu">
                    <tr>
                        <td style="background-color: #1A94E6;" width="20%"><span
                                href="rechargeHF.html" style="color: #ffffff;">手机充值</span></td>
                    </tr>
                </table>
            </div>
            <div class="clear_append_line">

                <div class="weui_cells">
                    <div class="weui_cell weui_cell_select weui_select_before">
                        <div class="weui_cell_bd weui_cell_primary">
                            <input id="phoneNumber" class="weui_input" type="tel" maxlength="13" name="phoneNumber" placeholder
                                    ="支持移动、联通、电信手机号" onkeyup="checkPhoneNumber(event);" autocomplete="off">
                            <input type="hidden" name="hiddenAccountNo" id="hiddenAccountNo" value="">
                            <input type="hidden" name="hiddenDimension" id="hiddenDimension" value="">
                            <input type="hidden" name="hiddenProduct" id="hiddenProduct" value="1">
                            <input type="hidden" name="userId" id="userId" >
                            <input type="hidden" name="memberId" id="memberId" >
                        </div>
                    </div>
                </div>

                <div class="weui_cells_title">
                    <span id="PhoneInfo"></span>
                </div>
                <div class="weui_cells" id="otherPrice_div" style="display: none">
                    <div class="weui_cell">
                        <div class="weui_cell_hd"><label class="weui_label">充值金额:</label></div>


                        <div class="weui_cell_bd weui_cell_primary">
                            <input class="weui_input" id="otherDimension" type="tel" placeholder
                                    ="请输入充值金额(0.01-999.99元)" maxlength="6" onkeyup="setOtherPrice();">
                        </div>
                        <div class="weui_cell_ft">
                            <label id="sale" style="color:red;font-size:14px;"></label>
                        </div>
                    </div>
                </div>
                <div class="weui_grids" id="PriceTag_Div">
                    <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="100" sale="98.00-99
.50"
                       onclick="setPrice(this);">
                        <p class="weui_grid_label">
                            100元 <br> <span class="priceTag_class"></span>
                        </p>
                    </a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="50" sale="49.00-49
.80"
                            onclick="setPrice(this);">
                    <p class="weui_grid_label">
                        50元 <br> <span class="priceTag_class"></span>
                    </p>
                </a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="30" sale="29.40-30
.00"
                        onclick="setPrice(this);">
                    <p class="weui_grid_label">
                        30元 <br> <span class="priceTag_class" ></span>
                    </p>
                </a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="10" sale="9.80-10
.10"
                        onclick="setPrice(this);">
                    <p class="weui_grid_label">
                        10元 <br> <span class="priceTag_class"></span>
                    </p>
                </a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid"
                        onclick="toggleOther()">
                    <p class="weui_grid_label">
                        其他 <br>
                    </p>
                </a> <span class="hiddenSpn" style="display: none"> <a
                        href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="1" sale="1.10-1.30"

                        onclick="setPrice(this);">
								<p class="weui_grid_label">
									1元 <br> <span class="priceTag_class" ></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="2" sale="2.00-2
.20"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									2元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="3" sale="3.00-3
.20"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									3元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="4" sale="4.00-4
.20"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									4元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="5" sale="5.00-5
.30"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									5元 <br> <span class="priceTag_class" ></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="6" sale="6.00-6
.30"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									6元 <br> <span class="priceTag_class" ></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="7" sale="7.00-7
.30"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									7元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="8" sale="8.00-8
.30"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									8元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="9" sale="9.00-9
.30"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									9元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="20" sale="19.60-20
.00"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									20元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="200" sale="196
.00-199.00"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									200元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="300" sale="294
.00-298.00"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									300元 <br> <span class="priceTag_class"></span>
								</p>
						</a> <a href="javascript:;" name="priceTag" class="weui_grid js_grid" dimension="500" sale="492
.00-498.00"
                                onclick="setPrice(this);">
								<p class="weui_grid_label">
									500元 <br> <span class="priceTag_class"></span>
								</p>
						</a>
						</span>
                </div>

                <div class="bd spacing" style="margin-top: 20px;">
                    <input type="button" id="submit_form"
                           class="weui_btn weui_btn_primary" onclick="submitForm();"
                           value="提交充值">
                </div>
            </div>
        </div>

    </div>
    <table
            style="font-size: 12px; color: #C3C0C0; position: fixed; bottom: 10px; width: 100%; z-index: 50">


    </table>

    <div id="loadingToast" class="weui_loading_toast"
         style="display: none;">
        <div class="weui_mask_transparent"></div>
        <div class="weui_toast">
            <div class="weui_loading">
                <!-- :) -->
                <div class="weui_loading_leaf weui_loading_leaf_0"></div>
                <div class="weui_loading_leaf weui_loading_leaf_1"></div>
                <div class="weui_loading_leaf weui_loading_leaf_2"></div>
                <div class="weui_loading_leaf weui_loading_leaf_3"></div>
                <div class="weui_loading_leaf weui_loading_leaf_4"></div>
                <div class="weui_loading_leaf weui_loading_leaf_5"></div>
                <div class="weui_loading_leaf weui_loading_leaf_6"></div>
                <div class="weui_loading_leaf weui_loading_leaf_7"></div>
                <div class="weui_loading_leaf weui_loading_leaf_8"></div>
                <div class="weui_loading_leaf weui_loading_leaf_9"></div>
                <div class="weui_loading_leaf weui_loading_leaf_10"></div>
                <div class="weui_loading_leaf weui_loading_leaf_11"></div>
            </div>
            <p class="weui_toast_content">数据加载中</p>
        </div>
    </div>




</div>
</body>
</html>